<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>html</li>
			<li>css</li>
			<li>js</li>
		</ul>
		<script type="text/javascript">
		/*
		  事件对象:事件发生后和事件相关的一系列数据都存储到了一个对象中
		  e.target 触发事件的元素
		  e.type 事件类型
		*/
		
			var li = document.querySelector("li");
			li.addEventListener("click", function(e) {
				console.log("li");
				e.stopPropagation()//阻止冒泡
			})
			
			
			var ul = document.querySelector("ul");
			ul.addEventListener("click", function(e) {
				// console.dir(e);
				// console.log("li");
				console.log(e.target);
			})
		</script>
	</body>
</html>
